@import '~antd/dist/antd.css';
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
}
/* 主要样式 */
body{
    width: 100vw;
    height: 100vh;
    background-color: #ccc;
}

.header{
    height: 50px;
    background: linear-gradient(to right, rgb(43, 204, 204),rgb(55, 191, 232));
}
.mainContainer{
    width: 100vw;
    height: 100vh;
    background-color: #fff;
}
/* 登录 */
.loginContainer{
    /* border: 10px solid #ccc; */
    border-radius: 50px;
    /* position: relative; */
    padding: 5px;
    height: 100vh;
    width: 100vw;
}
.loginform{
    width: 100%;
    height: 100%;
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* margin: 50px; */
    background-color:#fff ;
    /* transform: translate(-50%,-50%); */
}

/* 好友 */
.friendlist{
    width: 100vw;
    height:calc(100vh - 50px);
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    align-content: flex-start;

}
.friendlistitem{
    width: 100vw;
    height: 60px;
    border: 1px solid #ddd;
}

/* 用户信息 */
.userinfo{
    width: 100vw;
    height:calc(100vh - 100px);
    overflow: auto;
}
.ops{
    height: 50px;
    width: 100%;
    box-shadow: 1px 0px 10px;
}